<template>
  <div>
    <div class="d1">
      <img
        class="img1"
        src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/30f699fd686d90fb0d4e91090ebc38ed.jpg"
        alt=""
      />
    </div>
    <!-- 分割线 -->
    <div class="topline"></div>
    <!-- 更多小米家电产品 -->
    <div class="t1">更多米家智能产品></div>
    <!-- 分割线 -->
    <div class="topline"></div>
    <!-- 分类 图片 -->
    <ul>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/46c44f3e-479d-a999-dd2d-98fb39b51e17.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/b79cb907-3ae4-2a35-6756-b243b386a95a.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/b883172b-5aa3-7855-678f-c615109ee0a7.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/8cfcd654-4af5-9ae6-c6cc-1ba9d28be8e8.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/52866372-7fe5-76c2-29a0-9ae32d07b8ff.webp"
          alt=""
        />
      </li>
      <li>
        <img
          src="https://i8.mifile.cn/v1/a1/ad91499a-59ab-adc3-8fd5-98aefc1c43b4.webp"
          alt=""
        />
      </li>
    </ul>
    <!-- 分割线 -->
    <div class="topline"></div>
    <img
      class="img1"
      src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/f4c4a11536a720ee0f1b516e53e4d868.jpg"
      alt=""
    />
    <!-- 分割线 -->
    <div class="topline"></div>
    <!-- 了解小米 -->
    <div class="t1">了解小米></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
* {
  margin: 0;
  padding: 0;
}
.d1 {
  height: 145.9px;
}
.img1 {
  width: 100%;
  height: 145.9px;
}
/* 分割线 */
.topline {
  width: 100%;
  height: 8.34px;
  background-color: rgb(238, 237, 237);
}
/* 更多 跳转条 */
.t1 {
  display: block;
  background: #fff;
  color: #aaa;
  line-height: 50px;
  text-align: center;
  width: 100%;
  height: 52px;
  font-size: 0.9em;
  letter-spacing: 2px;
}
ul {
  display: flex;
  flex-wrap: wrap;
}
ul li {
  width: 50%;
  height: 252px;
}
ul li img {
  width: 186px;
  height: 250px;
  margin-left: 1px;
}
</style>
